// 底部tab切换
$(".foot_nav li").click(function () {
  $(this).addClass("active").siblings().removeClass("active");
  var index = $(this).index();
  if (index == 0) {
    $(".index_wrap").show();
    $(".cart_wrap").hide()
  } else {
    $(".index_wrap").hide();
    $(".cart_wrap").show()
  }
})
// 分类  规划  s1 冰箱  s2 电脑  s3 手机

function show (se) {
  $.ajax({
    url: "http://127.0.0.1:3000/all",
    type: "post",
    data: {
      se: se
    },
    success: function (res) {
      console.log(res)
      var str = ``
      $.each(res, function (index, ele) {
        str += ` <div class="list_one">
        <img src="./images/${ele.img.substr(ele.img.indexOf("_") + 1)}" alt="">
        <span>${ele.name}</span>
        <span>${ele.price}</span>
        <button onclick="add('${ele._id}','${ele.img}','${ele.name}','${ele.price}')">+</button>
      </div>`
      })
      $(".list").html(str)
    }
  })
}

show("s1") //传送s1  默认加载冰箱数据

// 点击分类导航切换数据
$(".top_nav li").click(function () {
  $(this).addClass("active").siblings().removeClass("active");
  var se = $(this).attr("se"); //点击获取到的分类属性 s1 s2 s3
  show(se)
})
// 添加购物车
function add (pid, img, name, price) {
  $.ajax({
    url: "http://127.0.0.1:3000/add",
    type: "post",
    data: {
      pid: pid,
      name: name,
      price: price,
      img: img
    },
    success: function (res) {
      console.log(res)
      alert("添加购物车成功")
      showCart()
    }
  })
}

// 渲染购物车列表
function showCart () {
  $.ajax({
    url: "http://127.0.0.1:3000/cartAll",
    type: "post",
    success: function (res) {
      if (res.length == 0) {
        $(".cart_wrap h2").show()
        $(".cart_list").hide()
      } else {
        $(".cart_wrap h2").hide()
        $(".cart_list").show()
      }
      var str = ``
      var total = 0; //总价
      $.each(res, function (index, ele) {

        total += Number(ele.price) * Number(ele.num);
        str += ` <div class="cart_one">
        <img src="./images/${ele.img.substr(ele.img.indexOf("_") + 1)}" alt="">
        <span>${ele.name}</span>
        <span>${ele.price}</span>
        <button onclick="minAndPluse('${ele._id}','min',this)">-</button><span>${ele.num}</span><button onclick="minAndPluse('${ele._id}','plus',this)">+</button>
      </div>`
      })
      $(".cart_list").html(str)
      $(".cart_wrap h1 span").html(total) //渲染总价

    }
  })
}
showCart()

// 修改数量函数
function minAndPluse (id, status, that) {
  var num = 0;
  if (status == "min") {
    num = Number($(that).next().html())
    num--
  }
  if (status == "plus") {
    num = Number($(that).prev().html())
    num++
  }
  $.ajax({
    url: "http://127.0.0.1:3000/updateNum",
    type: "post",
    data: {
      id: id,
      num: num
    },
    success: function () {
      showCart()
    }
  })
}
